<template>
  <div class="wrap">
    <h1>less 映射 maps </h1>
  </div>
</template>

<script>
export default {
  name: 'Maps',
  props: {

  }
}

/*
  less 映射 如下示例  (less >= 3.5)
*/
</script>


<style lang="less" scoped>
#colors(){
  primary: blue;
  warning: orange;
  success: green;
  error: red; 
}
.wrap{
  color: #colors[error];
}
</style>
